<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>第一个界面</title>
    <link rel="stylesheet" href="/css/nacss.css" />
    <link rel="stylesheet" href="/css/bootstrap.css" />
    <script src="/js/bootstrap.bundle.js"></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css"
    />
  </head>
  <body>
 <div class="logpage">
<div class="cardlog">
    <div class="cardlog-left" style="margin-top:10px">
         <div
              class="carousel slide"
              style="width: 400px; height: 600px;"
              data-bs-ride="carousel"
              id="cs"
            >
              <div class="carousel-inner">
                <div class="carousel-item active" data-bs-interval="3000">
                  <div class="pic1"></div>
                </div>
                <div class="carousel-item" data-bs-interval="3000">
                  <div class="pic2"></div>
                </div>
                <div class="carousel-item" data-bs-interval="3000">
                  <div class="pic3"></div>
                </div>
              </div>
              <div class="carousel-indicators">
                <button
                  data-bs-target="#cs"
                  data-bs-slide-to="0"
                  class="active"
                ></button>
                <button data-bs-target="#cs" data-bs-slide-to="1"></button>
                <button data-bs-target="#cs" data-bs-slide-to="2"></button>
              </div>
              <button
                class="carousel-control-prev"
                type="button"
                data-bs-target="#cs"
                data-bs-slide="prev"
              >
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button
                class="carousel-control-next"
                type="button"
                data-bs-target="#cs"
                data-bs-slide="next"
              >
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
    </div>
    
    <form class="cardlog-right">
      <div class="cardlog-right" style="margin-top:10px;margin-right: 60px;">
        <div class="logo-img" style="margin-left: 95px;"></div>
            <div class="row" style="margin-bottom: 5px;"> 
                <div class="row col-12">
    <div class="col-4"><label for="usr">账号:</label></div>
    <div class="col-8"><input type="text" id="usr"></div>
                </div>
            </div>
            <div class="row" style="margin-bottom: 5px;"> 
                <div class="row col-12">
    <div class="col-4"><label for="psd">密码:</label></div>
    <div class="col-8"><input type="password" id="psd"></div>
                </div>
            </div>
            <div style="margin-left: 95px;">
            <button type="submit" class="btn btn-primary">注册</button>
            <button type="submit" class="btn btn-primary">登录</button>
          </div>
    </form>
    </div>
</div>
 </div>

  </body>
</html>
